@import "index.less";
.Top_position {
  .mainsVw {
    background: url(../images/news01.png) no-repeat center center / cover;
  }
}
#news {
    .newsConsult {
    //   background: #f7f6f6;
      .newsConsult_list {
        h2 {
          font-size: 22px;
          font-weight: 400;
          color: #222222;
          margin-bottom: 20px;
        }
        .newsConsult_item {
          cursor: pointer;
          border-bottom: 2px solid #dcdcdc;
          .container {
            padding: 20px;
            h2 {
              /*  超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
            }
            .text {
              font-size: 16px;
              color: #898989;
              line-height: 24px;
              margin-bottom: 15px;
              /*  超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              -webkit-box-orient: vertical;
            }
            .date {
              display: flex;
              align-items: center;
              font-size: 15px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #d4d1d1;
              .day {
                margin-right: 20px;
              }
              .icon {
                width: 16px;
                display: flex;
                align-items: center;
                margin-right: 10px;
              }
            }
          }
          &:last-child{
            border: 0;
          }
          &.active,
          &:hover {
            border-bottom: 2px solid #3b6fc9;
            .container {
              h2 {
                color: #3b6fc9;
              }
            }
            &:last-child{
              border: 0;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width: 850px) {
    #news {
      .news_trends {
        .news_trends_item {
          flex-wrap: wrap;
          .item_left,
          .item_right {
            width: 100%;
            margin: 0;
          }
        }
      }
    }
  }
  @media screen and (max-width: 750px) {
    #news {
      .news_trends {
        .news_trends_item {
          .item_right {
            .text {
              margin-bottom: 20px;
            }
          }
        }
      }
    }
  }